<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加库存</title>
    <!--    layui-->
    <link rel="stylesheet" href="../layui-v2.6.5/layui/css/layui.css">
    <script src="../layui-v2.6.5/layui/layui.js"></script>
    <!--    自己的js-->
    <script src="../jquery/jquery-1.12.4.js"></script>
    <script src="js/drug.js" type="text/javascript"></script>

    <!--    弹出层-->
    <link rel="stylesheet" href="../layer/theme/default/layer.css">
    <script src="../layer/layer.js"></script>

    <!--    自己的样式-->
    <link rel="stylesheet" href="css/drug.css">
</head>
<body>
<div style="margin:0 auto;width:560px;margin-left: 4%;">
    <!--                    添加库存-->
    <form action="javascript:void(0)" class="layui-form layui-form-pane store" lay-filter="test1">
        <!--                        申请人-->
        <div class="layui-form-item">
            <label class="layui-form-label">申请人</label>
            <div class="layui-input-block">
                <input type="text" name="name" required lay-verify="required" placeholder="请输入姓名"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <!--                        申请时间-->
        <div class="layui-form-item">
            <label class="layui-form-label">申请时间</label>
            <div class="layui-input-block">
                <input type="text" name="date" required lay-verify="required" placeholder="请选择时间"
                       class="layui-input" id="date"
                       autocomplete="off">
            </div>
        </div>

        <!--                        选择药品-->
        <div class="layui-form-item">
            <label class="layui-form-label layui-form" lay-filter="drug">选择药品</label>
            <div class="layui-input-inline" style="width: 360px">
                <select name="choose" lay-search required lay-verift="required">

                </select>
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span id="sure">&nbsp;确&nbsp;定&nbsp;</span>
            </div>
        </div>
        <div class="divui">
            <ul>
                <li class="liui">
                    <div class="div">
                        <span class="span">药品编号</span>
                        <span class="span">药品名称</span>
                        <span class="span">药品数量</span>
                        <span class="span">操作</span>
                    </div>
                </li>
            </ul>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                                <textarea name="remark" placeholder="备注" class="layui-textarea"
                                          style="height: 140px"></textarea>
            </div>
        </div>

        <!--  提交-->
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>
</body>
<script>
    //加载表单
    layui.use('form', function () {
        let form = layui.form;
        form.render('select', 'test1');
    });
    //加载时间控件
    layui.use('laydate', function () {
        let date = layui.laydate;
        //执行一个date实例
        date.render({
            elem: '#date',  //指定元素
            type: "datetime",
            format: "yyyy年MM月dd日 HH时mm分ss秒",
            theme: "blue"
        });
    });
</script>
</html>